import { createApp } from 'vue'
import 'element-plus/dist/index.css'
import './style.css'
import App from './App.vue'

// console.log(KdaLib);
let app = createApp(App);
/**
 * 方式一：编译es模式，项目使用方式：
 */
// import * as KdaComponents from '../public/kda-components.es.js';
// app.use(KdaComponents.default)

/**
 * 方式二：组件库模式，导出对象，外部项目使用全局注册
 */
// import KdaComponents from '@kda/components';
// app.use(KdaComponents)

/**
 * 方式三：组件库模式，只导出组件，外部项目按需注册：
 */
// import * as KdaComponents from '../public/kda-components.es.js';
// for (let name in KdaComponents) {
//     app.component(name, KdaComponents[name]);
// }

/**
 * 方式四：全局组名模式，在html中引入方式： 
 * <script type="module">
 *   import * as KdaComponents from './public/kda-components.es.js';
 *   window.KdaComponents = KdaComponents.default;
 * </script>
 */
app.use((window as any).KdaComponents)
app.mount('#app')